$rounded_default_radius: 4px !default;

@mixin rounded-tl($radius: $rounded_default_radius) {
  -webkit-border-top-left-radius: $radius;
  border-top-left-radius: $radius;
}

@mixin rounded-tr($radius: $rounded_default_radius) {
  -webkit-border-top-right-radius: $radius;
  border-top-right-radius: $radius;
}

@mixin rounded-bl($radius: $rounded_default_radius) {
  -webkit-border-bottom-left-radius: $radius;
  border-bottom-left-radius: $radius;
}

@mixin rounded-br($radius: $rounded_default_radius) {
  -webkit-border-bottom-right-radius: $radius;
  border-bottom-right-radius: $radius;
}

@mixin rounded-top($radius: $rounded_default_radius) {
  @include rounded-tl($radius);
  @include rounded-tr($radius);
}

@mixin rounded-bottom($radius: $rounded_default_radius) {
  @include rounded-bl($radius);
  @include rounded-br($radius);
}

@mixin rounded-left($radius: $rounded_default_radius) {
  @include rounded-tl($radius);
  @include rounded-bl($radius);
}

@mixin rounded-right($radius: $rounded_default_radius) {
  @include rounded-tr($radius);
  @include rounded-br($radius);
}

@mixin rounded($radius: $rounded_default_radius) {
  border-radius: $radius;
  -webkit-border-radius: $radius;
}
